<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>饮食健康</title>
		<style type="text/css">
			* {
				margin: 0px;
				padding: 0px;
				box-sizing: border-box;
			}
			
			article {
				width: 100%;
				height: 600px;
				background-color: #FAE8C8;
			}
			
			#article_div1 {
				width: 990px;
				margin: 0px auto;
				height: 340px;
				text-align: center;
			}
			
			#article_div1 a {
				text-decoration: none;
				line-height: 120px;
				color: #222222;
				font-size: 23px;
				font-weight: 500;
			}
			
			#article_div1 a:hover {
				text-decoration: underline;
				line-height: 120px;
				color: #222222;
				font-size: 23px;
				font-weight: 500;
			}
			
			#article_div1 ul {
				list-style-type: none;
				width: 990px;
				height: 50px;
				background-color: #FDF4E4;
				font-weight: 600;
			}
			
			#article_div1 ul li a {
				padding: 11px 24px;
				font-size: 16px;
				line-height: 50px;
			}
			
			#article_div1 ul li a:hover {
				font-size: 16px;
				line-height: 50px;
				color: #FF3232;
				text-decoration: none;
			}
			
			#article_div1 ul li {
				float: left;
				height: 50px;
			}
			
			#article_div1 ul li:hover {
				background-color: #FEFAF2;
			}
			
			#yinshi {
				margin: 0px auto;
				width: 990px;
				height: 190px;
				background-color: #FFFFFF;
				display: none;
			}
			
			#yinshi_div1 {
				float: left;
				width: 210px;
				height: 95px;
				border-bottom: 1px solid #EEEEEE;
				border-right: 1px solid #EEEEEE;
			}
			
			#yinshi_div1 ul {
				width: 190px;
			}
			
			#yinshi_div2 ul {
				width: 550px;
			}
			
			#yinshi_div3 ul {
				width: 190px;
			}
			
			#yinshi_div4 ul {
				width: 990px;
			}
			
			#yinshi ul li {
				float: left;
				list-style-type: none;
				height: 30px;
				margin: 3px;
				font-size: 12px;
			}
			
			#yinshi p {
				height: 42px;
				line-height: 42px;
				text-align: left;
				padding-left: 20px;
				font-size: 25px;
			}
			
			#yinshi ul {
				padding-left: 20px;
				/*width: 190px;*/
				background-color: #FFFFFF;
				margin: 0px;
				font-size: 12px;
			}
			
			#yinshi ul li:hover {
				background-color: #FF3232;
				color: #FFFFFF;
			}
			
			#yinshi ul li a {
				padding: 0px;
				line-height: 30px;
				padding: 4px;
			}
			
			#yinshi ul li a:hover {
				line-height: 30px;
				padding: 4px;
				color: #FFFFFF;
			}
			
			#yinshi_div2 {
				float: left;
				width: 570px;
				height: 95px;
				border-bottom: 1px solid #EEEEEE;
				border-right: 1px solid #EEEEEE;
			}
			
			#yinshi_div3 {
				float: left;
				width: 210px;
				height: 95px;
				border-bottom: 1px solid #EEEEEE;
				border-right: 1px solid #EEEEEE;
			}
			
			#yinshi_div4 {
				float: left;
				width: 990px;
				height: 95px;
			}
			
			.fontsize {
				font-size: 12px;
			}
			
			#renqun {
				margin: 0px auto;
				width: 990px;
				height: 123px;
				background-color: #FFFFFF;
				display: none;
			}
			
			#renqun ul li {
				float: left;
				list-style-type: none;
				height: 30px;
				margin: 3px;
				font-size: 12px;
			}
			
			#renqun p {
				height: 42px;
				line-height: 42px;
				text-align: left;
				padding-left: 20px;
				font-size: 25px;
			}
			
			#renqun ul {
				padding-left: 20px;
				/*width: 190px;*/
				background-color: #FFFFFF;
				margin: 0px;
				font-size: 12px;
			}
			
			#renqun ul li:hover {
				background-color: #FF3232;
				color: #FFFFFF;
			}
			
			#renqun ul li a {
				padding: 0px;
				line-height: 30px;
				padding: 4px;
			}
			
			#renqun ul li a:hover {
				line-height: 30px;
				padding: 4px;
				color: #FFFFFF;
			}
			
			#jibing {
				margin: 0px auto;
				width: 990px;
				height: 150px;
				background-color: #FFFFFF;
			}
			
			#jibing ul li {
				float: left;
				list-style-type: none;
				height: 30px;
				margin: 3px;
				font-size: 12px;
			}
			
			#jibing p {
				height: 42px;
				line-height: 42px;
				text-align: left;
				padding-left: 20px;
				font-size: 25px;
			}
			
			#jibing ul {
				padding-left: 20px;
				/*width: 190px;*/
				background-color: #FFFFFF;
				margin: 0px;
				font-size: 12px;
			}
			
			#jibing ul li:hover {
				background-color: #FF3232;
				color: #FFFFFF;
			}
			
			#jibing ul li a {
				padding: 0px;
				line-height: 30px;
				padding: 4px;
			}
			
			#jibing ul li a:hover {
				line-height: 30px;
				padding: 4px;
				color: #FFFFFF;
			}
			
			#article_div2 {
				margin: 0px auto;
				width: 990px;
				height: 120px;
				text-align: center;
				line-height: 120px;
				font-size: 24px;
			}
			
			#article_div3 {
				margin: 0px auto;
				width: 100%px;
				height: 120px;
				text-align: center;
				line-height: 120px;
				font-size: 24px;
				background-color: #FAE8C8;
			}
			
			html,
			body {
				position: relative;
				height: 100%;
			}
			
			body {
				background: #FFFFFF;
				font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
				font-size: 14px;
				color: #000;
				margin: 0;
				padding: 0;
			}
			
			#swiper {
				background-color: #FAE8C8;
			}
			
			.swiper-container {
				width: 100%;
				height: 100%;
				margin-left: auto;
				margin-right: auto;
			}
			
			.swiper-slide {
				text-align: center;
				font-size: 18px;
				background: #fff;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
				background-color: #FAE8C8;
			}
			
			.swiper_div {
				width: 990px;
				height: 620px;
				background-color: #FAE8C8;
			}
			
			.swiper_div_img {
				float: left;
				margin-bottom: 0px;
			}
			
			.swiper_div_img img {
				margin: 0px;
			}
			
			.swiper_div_p {
				margin-top: -4px;
				height: 90px;
				width: 316px;
				background-color: #FFFFFF;
			}
			
			.mt {
				margin-top: 20px;
			}
			
			.ml {
				margin-left: 20px;
			}
			
			.swiper_div_p a {
				height: 50px;
				width: 280px;
				line-height: 50px;
				font-size: 23px;
				color: #222222;
				margin-left: 20px;
				float: left;
				text-align: left;
			}
			
			.swiper_div_p a:hover {
				color: #FF3232;
				text-decoration: underline;
			}
			
			.swiper_div_p span {
				font-size: 12px;
				float: left;
				margin-left: 20px;
				margin-top: 5px;
			}
			
			footer {
				margin-top: 1900px;
			}
			
			#article_div4 {
				width: 100%;
				background-color: #FAE8C8;
				padding-bottom: 50px;
			}
			
			#article_div41 {
				width: 990px;
				margin: 0px auto;
				overflow: hidden;
			}
			
			.article_div4_div {
				float: left;
				margin-top: 20px;
				margin-left: 20px;
			}
			
			.ml2 {
				margin-left: 0px;
			}
			
			.article_div4_div p {
				width: 232px;
				height: 100px;
				background-color: #FFFFFF;
				margin-top: -4px;
				padding-left: 20px;
			}
			
			.article_div4_div_a1 {
				height: 30px;
				line-height: 30px;
				font-size: 14px;
				font-weight: 600;
				cursor: pointer;
			}
			
			.article_div4_div_a1:hover {
				color: #F40000;
			}
			
			.article_div4_div span {
				color: #999999;
				font-size: 12px;
				height: 30px;
				line-height: 30px;
			}
			
			.article_div4_div_a2 {
				height: 30px;
				line-height: 30px;
				font-size: 12px;
				font-weight: 500;
				cursor: pointer;
				color: #EC5541;
			}
			
			.article_div4_div_a2:hover {
				color: #F40000;
				text-decoration: underline;
			}
			
			.listtyle1_page {
				padding-top: 100px;
				padding-left: 400px;
				width: 100%;
				height: 240px;
				text-align: center;
			}
			
			.listtyle1_page_w a {
				background-color: #F5F5F5;
				line-height: 40px;
				margin-right: 1px;
				color: #666666;
			}
			
			.listtyle1_page_w a:hover {
				background-color: #FF3232;
				color: #FFFFFF;
			}
			
			.current {
				font-family: "微软雅黑";
				font-size: 14px;
				height: 40px;
				width: 40px;
				float: left;
			}
			
			.listtyle1_page_w span {
				float: left;
				line-height: 40px;
			}
			
			.listtyle1_page_w input {
				width: 40px;
				height: 40px;
				text-align: center;
			}
			
			.next {
				height: 40px;
				width: 60px;
				float: left;
				margin-left: 30px;
			}
			
			.listtyle1_page_w {
				width: 890px;
				height: 40px;
				margin: 0px auto;
			}
		</style>
		<link rel="stylesheet" type="text/css" href="css/footer.css" />
		<link rel="stylesheet" type="text/css" href="css/header.css" />
		<link rel="stylesheet" type="text/css" href="css/nav.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="SHORTCUT ICON" href="funnyfacefruit.ico"/>
		<script type="text/javascript" src="lib/jquery-1.11.0.js"></script>
		<script src="lib/swiper.min.js"></script>
		<script type="text/javascript" src="js/responsive-nav.js"></script>
		<script type="text/javascript" src="js/html5shiv-printshiv.js"></script>
		<script type="text/javascript" src="lib/html5shiv-printshiv.js"></script>
		<script type="text/javascript">
			window.onload = function() {
				var footer_right = document.getElementById("footer_right_div1");
				var divs = footer_right.getElementsByTagName("div");
				for(var i = 0; i < divs.length; i++) {
					var x = 105 * (i + 1) + "px";
					var y = 105 + "px";
					divs[i].style.backgroundPosition = x + " " + y;
				}
				$("#artical_nav").find("li").css("cursor", "pointer");
			}

			function xianshi(t) {
				t.children[1].style.display = "block";
			}

			function xiaoshi(t) {
				t.children[1].style.display = "none";
			}
			$(function() {

				$("#artical_nav").find("li").click(function() {
					var t = $(this).find("a");

					var th = $(this);
					console.log(t.html());

					if(t.html() == "饮食健康") {
						th.css("background-color", "white");
						th.nextAll().css("background-color", "#FDF4E4");
						//						th.prevAll().css("background-color", "#FDF4E4");
						$("#yinshi").css("display", "block");
						$("#renqun").css("display", "none");
						$("#jibing").css("display", "none");
					} else if(t.html() == "人群膳食") {
						th.nextAll().css("background-color", "#FDF4E4");
						th.prevAll().css("background-color", "#FDF4E4");
						th.css("background-color", "white");
						$("#yinshi").css("display", "none");
						$("#renqun").css("display", "block");
						$("#jibing").css("display", "none");
					} else if(t.html() == "疾病调理") {
						th.nextAll().css("background-color", "#FDF4E4");
						th.prevAll().css("background-color", "#FDF4E4");
						th.css("background-color", "white");
						$("#yinshi").css("display", "none");
						$("#renqun").css("display", "none");
						$("#jibing").css("display", "block");

					} else if(t.html() == "功能性调理") {
						th.prevAll().css("background-color", "#FDF4E4");
						th.nextAll().css("background-color", "#FDF4E4");
						th.css("background-color", "white");
					} else if(t.html() == "脏腑调理 ") {
						th.css("background-color", "white");
						th.prevAll().css("background-color", "#FDF4E4");
					}

				});
			});
		</script>
	</head>

	<body>
		<header>
			<div id="headerlog"></div>
			<div id="main_search">
				<p>
					<input type="text" placeholder="请输入菜谱/食材/菜单/作者" class="search" />
					<input type="button" value="搜索" class="searchbutton" />
				</p>
			</div>
			<div id="logitem">
				<ul>
					<li id="li1">
						<a href="#">QQ登录</a>
					</li>
					<li id="li2">
						<a href="#">微博登录</a>
					</li>
					<li class="li3">
						<a href="zhuce.html">注册</a>
					</li>
					<li class="li3">
						<a href="denglu.html">登录</a>
					</li>
				</ul>
			</div>
		</header>
		<nav>
			<ul id="caipudaquan">
				<li class="l1">
					<a href="index.html">首页</a>
				</li>
				<li class="l2" onmouseover="xianshi(this)" onmouseout="xiaoshi(this)">
					<a href="caipudaquan.html">菜谱大全</a>
					<div id="caipu">
						<div class="p1">
							<span><a href="#">家常菜谱</a></span>
							<ul>
								<li>
									<a href="#">家常菜</a>
								</li>
								<li>
									<a href="#">凉菜</a>
								</li>
								<li>
									<a href="#">素菜</a>
								</li>
								<li>
									<a href="#">晚餐</a>
								</li>
								<li>
									<a href="#">私家菜</a>
								</li>
								<li>
									<a href="#">热菜</a>
								</li>
								<li>
									<a href="#">海鲜</a>
								</li>
								<li>
									<a href="#">孕妇</a>
								</li>
								<li>
									<a href="#">早餐</a>
								</li>
								<li>
									<a href="#">午餐</a>
								</li>
								<li>
									<a href="#">甜品点心</a>
								</li>
								<li>
									<a href="#">汤粥</a>
								</li>
								<li>
									<a href="#">宝宝食谱-婴儿食谱</a>
								</li>
								<li>
									<a href="#">糕点主食</a>
								</li>
								<li>
									<a href="#">微波炉</a>
								</li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">中华菜系</a></span>
							<ul>
								<li>
									<a href="#">家常菜</a>
								</li>
								<li>
									<a href="#">凉菜</a>
								</li>
								<li>
									<a href="#">素菜</a>
								</li>
								<li>
									<a href="#">晚餐</a>
								</li>
								<li>
									<a href="#">私家菜</a>
								</li>
								<li>
									<a href="#">热菜</a>
								</li>
								<li>
									<a href="#">海鲜</a>
								</li>
								<li>
									<a href="#">孕妇</a>
								</li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">各地小吃</a></span>
							<ul>
								<li>
									<a href="#">四川小吃</a>
								</li>
								<li>
									<a href="#">广东小吃</a>
								</li>
								<li>
									<a href="#">北京小吃</a>
								</li>
								<li>
									<a href="#">陕西小吃</a>
								</li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">外国菜谱</a></span>
							<ul>
								<li>
									<a href="#">韩国料理</a>
								</li>
								<li>
									<a href="#">日本料理</a>
								</li>
								<li>
									<a href="#">法国菜</a>
								</li>
								<li>
									<a href="#">意大利餐</a>
								</li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">烘焙</a></span>
							<ul>
								<li>
									<a href="#">糕面包蛋</a>
								</li>
								<li>
									<a href="#">饼干配方</a>
								</li>
								<li>
									<a href="#">甜品点心</a>
								</li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">厨房百科</a></span>
							<ul>
								<li>
									<a href="#">摆盘周边</a>
								</li>
								<li>
									<a href="#">烹饪技巧</a>
								</li>
								<li>
									<a href="#">生活妙招</a>
								</li>
								<li>
									<a href="#">美食专题</a>
								</li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">食材百科</a></span>
							<ul>
								<li>
									<a href="#">蔬菜</a>
								</li>
								<li>
									<a href="#">水果</a>
								</li>
								<li>
									<a href="#">谷类</a>
								</li>
							</ul>
						</div>
						<img src="img/jccp_navbgg.png" />
					</div>
				</li>
				<li class="l3" onmouseover="xianshi(this)" onmouseout="xiaoshi(this)">
					<a href>饮食健康</a>
					<div id="health">
						<div class="p1">
							<span><a href="#">饮食健康</a></span>
							<ul>
								<li>
									<a href="#">饮食小常识</a>
								</li>
								<li>
									<a href="#">美容瘦身</a>
								</li>
								<li>
									<a href="#">食品安全</a>
								</li>
								<li>
									<a href="#">养生妙方</a>
								</li>
								<li>
									<a href="#">饮食禁忌</a>
								</li>
								<li>
									<a href="#">中医保健</a>
								</li>
								<li>
									<a href="#">母婴健康饮食</a>
								</li>
								<li>
									<a href="#">饮食新闻</a>
								</li>
							</ul>
						</div>
						<div class="p1">
							<span><a href="#">功能性调理</a></span>
							<ul>
								<li>
									<a href="#">清热去火</a>
								</li>
								<li>
									<a href="#">减肥</a>
								</li>
								<li>
									<a href="#">祛痰</a>
								</li>
								<li>
									<a href="#">乌发</a>
								</li>
								<li>
									<a href="#">滋阴补肾</a>
								</li>
								<li>
									<a href="#">健脾开胃</a>
								</li>
								<li>
									<a href="#">消化不良</a>
								</li>
								<li>
									<a href="#">清热解毒</a>
								</li>
								<li>
									<a href="#">补阴壮阳</a>
								</li>
								<li>
									<a href="#">增肥</a>
								</li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">人群食膳</a></span>
							<ul>
								<li>
									<a href="#">孕妇</a>
								</li>
								<li>
									<a href="#">老人</a>
								</li>
								<li>
									<a href="#">产妇</a>
								</li>
								<li>
									<a href="#">哺乳期</a>
								</li>
								<li>
									<a href="#">青少年</a>
								</li>
								<li>
									<a href="#">幼儿</a>
								</li>
								<li>
									<a href="#">学龄期儿童</a>
								</li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">疾病调理</a></span>
							<ul>
								<li>
									<a href="#">糖尿病</a>
								</li>
								<li>
									<a href="#">高血压</a>
								</li>
								<li>
									<a href="#">痛风</a>
								</li>
								<li>
									<a href="#">胃炎</a>
								</li>
								<li>
									<a href="#">痔疮</a>
								</li>
								<li>
									<a href="#">更年期</a>
								</li>
								<li>
									<a href="#">甲状腺</a>
								</li>
							</ul>
						</div>
						<div class="p2">
							<span><a href="#">脏腑调理</a></span>
							<ul>
								<li>
									<a href="#">感冒</a>
								</li>
								<li>
									<a href="#">补肾</a>
								</li>
								<li>
									<a href="#">阳痿早泄</a>
								</li>
								<li>
									<a href="#">补血</a>
								</li>
								<li>
									<a href="#">便秘</a>
								</li>
								<li>
									<a href="#">腹泻</a>
								</li>
								<li>
									<a href="#">活血化瘀</a>
								</li>
							</ul>
						</div>
						<img src="img/ysjk_navbg.png" />
					</div>
				</li>
				<li class="l4">
					<a href="meishicaidan.html ">美食菜单</a>
				</li>
				<li class="l5">
					<a href="#">家居馆</a>
				</li>
				<li class="l6">
					<a href="#">美食达人</a>
				</li>
				<li class="l7">
					<a href="#">讨论组</a>
				</li>
				<li class="l8">
					<a href="#">手机版下载</a>
				</li>
			</ul>
		</nav>
		<article>
			<div id="article_div1">
				<a href="#">
					<img src="img/jiankang/美食杰.png" align="absmiddle" /> 午时是养心的最佳时机，适宜静养，吃完后有条件可以午间小憩一 下。
				</a>
				<ul id="artical_nav">
					<li>
						<a>我的体质(未开放)</a>
					</li>
					<li>
						<a>饮食健康</a>
					</li>
					<li>
						<a>人群膳食</a>
					</li>
					<li>
						<a>疾病调理</a>
					</li>
					<li>
						<a>功能性调理</a>
					</li>
					<li>
						<a>脏腑调理</a>
					</li>
				</ul>
				<div id="yinshi">
					<div id="yinshi_div1">
						<p>饮食资讯</p>
						<ul>
							<li>
								<a href="#">新鲜资讯</a>
							</li>
							<li>
								<a href="#">食品安全</a>
							</li>
						</ul>
					</div>
					<div id="yinshi_div2">
						<p>饮食文化</p>
						<ul>
							<li>
								<a href="#">美食典故</a>
							</li>
							<li>
								<a href="#">茶文化</a>
							</li>
							<li>
								<a href="#">外国餐饮文化</a>
							</li>
							<li>
								<a href="#">酒文化</a>
							</li>
							<li>
								<a href="#">中西餐礼仪</a>
							</li>
						</ul>
					</div>
					<div id="yinshi_div3">
						<p>专区</p>
						<ul>
							<li>
								<a href="#">孕妇专区</a>
							</li>
						</ul>
					</div>
					<div id="yinshi_div4">
						<p>饮食文化</p>
						<ul>
							<li>
								<a href="#">美食典故</a>
							</li>
							<li>
								<a href="#">茶文化</a>
							</li>
							<li>
								<a href="#">外国餐饮文化</a>
							</li>
							<li>
								<a href="#">酒文化</a>
							</li>
							<li>
								<a href="#">中西餐礼仪</a>
							</li>
						</ul>
					</div>
				</div>
				<div id="renqun">
					<div id="renqun_div1">
						<p>人群膳食</p>
						<ul>
							<li>
								<a href="#"> 孕妇
								</a>
							</li>
							<li>
								<a href="#">产妇</a>
							</li>
							<li>
								<a href="#">幼儿</a>
							</li>
							<li>
								<a href="#">哺乳期</a>
							</li>
							<li>
								<a href="#">婴儿</a>
							</li>
							<li>
								<a href="#">学龄前儿童</a>
							</li>
							<li>
								<a href="#">学龄期儿童</a>
							</li>
							<li>
								<a href="#">青少年</a>
							</li>
							<li>
								<a href="#">老人</a>
							</li>
							<li>
								<a href="#">高温环境作业人群</a>
							</li>
							<li>
								<a href="#">低温环境作业人群</a>
							</li>
							<li>
								<a href="#">接触电离辐射人员</a>
							</li>
							<li>
								<a href="#">接触化学毒素人员</a>
							</li>
							<li>
								<a href="#">运动员</a>
							</li>
							<li>
								<a href="#">围孕期</a>
							</li>
						</ul>
					</div>
				</div>
				<div id="jibing">
					<div id="jibing_div1">
						<p>疾病调理</p>
						<ul>
							<li>
								<a href="#">前列腺</a>
							</li>
							<li>
								<a href="#">糖尿病</a>
							</li>
							<li>
								<a href="#">高血压</a>
							</li>
							<li>
								<a href="#">高血脂</a>
							</li>
							<li>
								<a href="#">冠心病</a>
							</li>
							<li>
								<a href="#">中风 </a>
							</li>
							<li>
								<a href="#">消化性溃疡 </a>
							</li>
							<li>
								<a href="#">肠炎</a>
							</li>
							<li>
								<a href="#">防癌抗癌</a>
							</li>
							<li>
								<a href="#">胆石症</a>
							</li>
							<li>
								<a href="#">肝硬化</a>
							</li>
							<li>
								<a href="#">肾炎</a>
							</li>
							<li>
								<a href="#">痛风</a>
							</li>
							<li>
								<a href="#">麻疹 </a>
							</li>
							<li>
								<a href="#">结核病 </a>
							</li>
							<li>
								<a href="#"> 肝炎 </a>
							</li>
							<li>
								<a href="#">动脉硬化 </a>
							</li>
							<li>
								<a href="#">甲状腺 </a>
							</li>
							<li>
								<a href="#">胃炎 </a>
							</li>
							<li>
								<a href="#">贫血</a>
							</li>
							<li>
								<a href="#">痔疮 </a>
							</li>
							<li>
								<a href="#">结核病 </a>
							</li>
							<li>
								<a href="#">结核病 </a>
							</li>
							<li>
								<a href="#">月经不调 </a>
							</li>
							<li>
								<a href="#">子宫脱垂 </a>
							</li>
							<li>
								<a href="#">痛经 </a>
							</li>
							<li>
								<a href="#">更年期 </a>
							</li>
							<li>
								<a href="#">小儿遗尿 </a>
							</li>
							<li>
								<a href="#">营养不良 </a>
							</li>
							<li>
								<a href="#">咽炎 </a>
							</li>
							<li>
								<a href="#">关节炎 </a>
							</li>
							<li>
								<a href="#">跌打骨折损伤 </a>
							</li>
							<li>
								<a href="#">骨质疏松 </a>
							</li>
							<li>
								<a href="#">耳鸣 </a>
							</li>
							<li>
								<a href="#">肺气肿 </a>
							</li>
							<li>
								<a href="#">口腔溃疡 </a>
							</li>
							<li>
								<a href="#"> 尿路结石</a>
							</li>
							<li>
								<a href="#"> 支气管炎 </a>
							</li>
							<li>
								<a href="#">术后 </a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div id="article_div2">
				8月，立秋防秋燥
			</div>
			<!-- Swiper -->
			<div id="swiper" class="swiper-container swiper-container-horizontal">
				<div style="transform: translate3d(-1396px, 0px, 0px); transition-duration: 0ms;" class="swiper-wrapper">
					<div style="width: 990px; margin-right: 30px;" data-swiper-slide-index="0" class="swiper-slide swiper-slide-active">
						<div class="swiper_div">
							<div class="swiper_div_img">
								<img src="img/jiankang/a6e084028ead84e7b3453ed2348bf38e.jpg" />
								<p class="swiper_div_p">
									<a>平底锅料理</a><br />
									<span>离家出走，白手起家的好伙伴</span>
								</p>
							</div>
							<div class="swiper_div_img ml">
								<img src="img/jiankang/6bae4dd049c13e2887b8de02f6613769.jpg" />
								<p class="swiper_div_p">
									<a>首选必备，解馋良策</a><br />
									<span>不负众望的办公室零食CP</span>
								</p>
							</div>
							<div class="swiper_div_img ml">
								<img src="img/jiankang/20c2ba30462c4e3f5bb781cdfe36d0f3.jpg" />
								<p class="swiper_div_p">
									<a>冰旋风来袭</a><br />
									<span>你的夏日被这些高颜值冰品承包了</span>
								</p>
							</div>
							<div class="swiper_div_img mt">
								<img src="img/jiankang/99071ad8b5cc6b144a93fa7cbab22bc5.jpg" />
								<p class="swiper_div_p">
									<a>广式早茶</a><br />
									<span>广式早茶，叫醒你的味蕾</span>
								</p>
							</div>
							<div class="swiper_div_img mt ml">
								<img src="img/jiankang/4c141a1204d4ae338a2b3aa5639f5359.jpg" />
								<p class="swiper_div_p">
									<a>无烤串 不夏日</a><br />
									<span>撸串季节已到来，走起~</span>
								</p>
							</div>
							<div class="swiper_div_img mt ml">
								<img src="img/jiankang/0bfd828d956a2d0376da1aa04c604f55.jpg" />
								<p class="swiper_div_p">
									<a>西瓜站住不要跑</a><br />
									<span>这样优雅地吃西瓜，不用洗手</span>
								</p>
							</div>
						</div>
					</div>
					<div style="width: 990px; margin-right: 30px;" data-swiper-slide-index="1" class="swiper-slide swiper-slide-next">
						<div class="swiper_div">
							<div class="swiper_div_img">
								<img src="img/jiankang/fa8468199a4946bd25c3ada617f098af.jpg" />
								<p class="swiper_div_p">
									<a>风靡大江南北的街边小吃</a><br />
									<span>舌尖上的美食诱惑，吃货快接招</span>
								</p>
							</div>
							<div class="swiper_div_img ml">
								<img src="img/jiankang/e603cde12da1c6c4e01f61a24d3a5672.jpg" />
								<p class="swiper_div_p">
									<a>酸奶 | 颜值不够 水果来凑</a><br />
									<span>最值得收藏的酸奶水果攻略</span>
								</p>
							</div>
							<div class="swiper_div_img ml">
								<img src="img/jiankang/7b59f4dc19bd163feed71198e5cd3f40.jpg" />
								<p class="swiper_div_p">
									<a>鸡蛋快跑之鸡蛋菜谱征集</a><br />
									<span>鸡蛋菜谱火热征集ing，来上传你的独创鸡蛋美食吧！</span>
								</p>
							</div>
							<div class="swiper_div_img mt">
								<img src="img/jiankang/2afab9be786620d7ffa1f8c56501f818.jpg" />
								<p class="swiper_div_p">
									<a>引爆味蕾 • 酸辣菜</a><br />
									<span>舌尖上的热舞，勾欲撩人没商量</span>
								</p>
							</div>
							<div class="swiper_div_img mt ml">
								<img src="img/jiankang/3f1ff642718b8bab9d0807efc19174c7.jpg" />
								<p class="swiper_div_p">
									<a>吃货考试</a><br />
									<span>是吃货还是饭桶，够胆来测</span>
								</p>
							</div>
							<div class="swiper_div_img mt ml">
								<img src="img/jiankang/6e0f3004b5d0311a11edba9c02f1881c.gif" />
								<p class="swiper_div_p">
									<a>作女，请重视自己的病情！</a><br />
									<span>本篇专治各种作</span>
								</p>
							</div>
						</div>
					</div>
					<div style="width: 990px; margin-right: 30px;" data-swiper-slide-index="2" class="swiper-slide">
						<div class="swiper_div">
							<div class="swiper_div_img">
								<img src="img/jiankang/6c4e6edc57545843022486a70169ff20.jpg" />
								<p class="swiper_div_p">
									<a>立秋</a><br />
									<span>炎夏已尽，暑热未尽</span>
								</p>
							</div>
							<div class="swiper_div_img ml">
								<img src="img/jiankang/61a9cd861659408a6ee756e85ecc6233.jpg" />
								<p class="swiper_div_p">
									<a>食味之战，味蕾飨宴</a><br />
									<span>苏泊尔《我是大厨师》第二季火热开赛！</span>
								</p>
							</div>
							<div class="swiper_div_img ml">
								<img src="img/jiankang/1a250689ecf60862330c25e8eccff491.jpg" />
								<p class="swiper_div_p">
									<a>RIO夏日冰饮大作战</a><br />
									<span>#有奖活动#赢取RIO代言人签名大礼包</span>
								</p>
							</div>
							<div class="swiper_div_img mt">
								<img src="img/jiankang/47dcbfd3c2b625020d1632bb3b68e303.jpg" />
								<p class="swiper_div_p">
									<a>拯救胃口大行动</a><br />
									<span>拯救夏日里没食欲的你</span>
								</p>
							</div>
							<div class="swiper_div_img mt ml">
								<img src="img/jiankang/b2f281a1db5a4fc3914fdbfe259d4fc3.jpg" />
								<p class="swiper_div_p">
									<a>明星主厨叶一茜热力直播</a><br />
									<span>森蝶妈妈的烹饪秘籍！</span>
								</p>
							</div>
							<div class="swiper_div_img mt ml">
								<img src="img/jiankang/be72744b1bfd1dcd862b5ff235ebb039.jpg" />
								<p class="swiper_div_p">
									<a>带你去咖啡师家喝咖啡</a><br />
									<span>杯盏间的迷人香气如影随形</span>
								</p>
							</div>
						</div>
					</div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
				<!-- Add Arrows -->
				<div class="swiper-button-next"></div>
				<div class="swiper-button-prev"></div>
			</div>

			<!-- Swiper JS -->

			<!-- Initialize Swiper -->
			<script>
				var swiper = new Swiper('.swiper-container', {
					pagination: '.swiper-pagination',
					nextButton: '.swiper-button-next',
					prevButton: '.swiper-button-prev',
					slidesPerView: 1,
					paginationClickable: true,
					spaceBetween: 30,
					loop: true
				});
			</script>
			<div id="article_div3">
				合理的饮食，是身体健康的第一要素
			</div>
			<div id="article_div4">
				<div id="article_div41">
					<div class="article_div4_div ml2">
						<img src="img/jiankang/0ec0eec063249ad52149546bed3ba080_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">枸杞不宜泡水喝</a><br />
							<span>0 评论  4530 人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div">
						<img src="img/jiankang/3654a45a993905718c45b6542b4bfd17_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">中华美食成里约新名片</a><br />
							<span>0 评论  2152 人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div">
						<img src="img/jiankang/ae505381df642cf8a74b3a34a4e99149_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">初秋养肺食疗法</a><br />
							<span>0 评论  1481人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div">
						<img src="img/jiankang/03f1013c042f3d47d215f9dc269a1492_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">白酒禁忌 勿兑红牛喝</a><br />
							<span>0 评论  1124人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div ml2">
						<img src="img/jiankang/7460fef1fa63abc52d04cdf471340626_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">5种水果加热着吃营养更高</a><br />
							<span>0 评论  1874 人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div">
						<img src="img/jiankang/a49f4c5b48f265452fe94e3a4bd438af_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">“便宜”的街边烤鸭能吃吗?</a><br />
							<span>1 评论  2507 人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div">
						<img src="img/jiankang/89b1bc02c4a3786737825524f535c12c_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">夏天吃葡萄的好处和清洗窍门</a><br />
							<span>2 评论 3730 人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div">
						<img src="img/jiankang/fbf55647217865cbe208a733f60f8e88_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">错误用味精对人体有害</a><br />
							<span>0 评论 2550 人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div ml2">
						<img src="img/jiankang/77bb6edaa5d9c839b5e2f773493f98d5_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">夏天吃这些鱼最好</a><br />
							<span>2 评论 1331人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div">
						<img src="img/jiankang/fc7d01f4aaecc47b7aaf4935d79ca85d_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">黑暗系饮料走红，当心“中毒”！</a><br />
							<span>1 评论   4565 人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div">
						<img src="img/jiankang/ecddd6bbc5d0bf159927fe47b8eb1b2a_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">爆米花配酒终极指南</a><br />
							<span>0 评论   1717 人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
					<div class="article_div4_div">
						<img src="img/jiankang/dbf25f5decc9decf9181881c3f1c90ad_150x150.jpg" />
						<p>
							<a class="article_div4_div_a1">越多添加剂，雪糕越晒不化?</a><br />
							<span>4 评论 1145人气</span><br />
							<a class="article_div4_div_a2">美食杰小编</a>
						</p>
					</div>
				</div>
				<div class="listtyle1_page">
					<div class="listtyle1_page_w">
						<a href="#" class="current">1</a>
						<a href="#" class="current">2</a>
						<a href="#" class="current">3</a>
						<a href="#" class="current">4</a>
						<a href="#" class="current">5</a>
						<span>...</span>
						<a href="#" class="next">下一页</a>
						<span class="gopage">
						<form action="#">共113659页，到第 <input class="text" value="2" name="page" type="text"> 页 <input class="submit" value="确定" type="submit"></form>
						</span>
					</div>
				</div>

		</article>

		<footer>
			<div class="footer_border">
				<div class="footer_left">
					<img src="img/jiankang/logo_f.png" />
					<p> 中国，最大的菜谱库 <span>800,000 篇</span> </p>
					<p> 每月，用户访问数量 <span>20,000,000 次</span> </p>
					<p> 每年，菜谱被浏览量 <span>36,000,000,000 次</span> </p>
					<p> 现在，这些数字还在不断的增长着，欢迎您来一起使用美食杰</span>
					</p>
				</div>
				<div id="footer_right">
					<div id="footer_right_div1">
						<div></div>
						<div></div>
						<div></div>
						<div></div>
					</div>
					<div id="footer_right_div2">
						<div>
							<a href="#">扫描二维码下载
								<br />美食杰手机客户端
							</a>

						</div>
						<div>
							<a href="#">扫描二维码添加<br />美食杰为微信好友
							</a>
						</div>
						<div>
							<a href="#">点击进入<br /> 美食杰QQ空间
							</a>
						</div>
						<div>
							<a href="#">点击进入<br /> 美食杰官方微博
							</a>
						</div>
						<span id="footer_sp1">关注：81万</span>
						<span id="footer_sp2">关注：10.3万</span>
					</div>
				</div>
			</div>
			<div id="footer_bottom">
				<div>
					<a href="#">公司简介</a>
					<a href="#">企业文化</a>
					<a href="#">公司动态</a>
					<a href="#">免责申明</a>
					<a href="#">联系我们</a>
					<a href="#">招贤纳士</a>
					<a href="#">商务合作</a>
					<a href="#">网站地图</a>
					<a href="#">友情链接</a>
					<a href="#">美食杰移动APP</a>
				</div>
				<p>京ICP证150335号/京公网安备11010802009977 Copyright © 2003-2016 MEISHIJ CO.,LTD.</p>

			</div>
		</footer>
	</body>

</html>